<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>升腾客户管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/X-admin/css/font.css">
    <link rel="stylesheet" href="/X-admin/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="/X-admin/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/X-admin/js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <div class="x-body">
        <form class="layui-form">
          <div class="layui-form-item">
		  <input type="hidden" name="id" value="{$member.id}">
		  <input type="hidden" name="mid" value="{$member.mid}">
              <label for="name" class="layui-form-label">
                  <span class="x-red">*</span>真实姓名
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="name" name="real_name" required="" lay-verify="required"
                  autocomplete="off" value="{$member.real_name}" class="layui-input">
              </div>
          </div>
          <div class="layui-form-item">
              <label for="referee_mobile" class="layui-form-label">
                  身份证
              </label>
              <div class="layui-input-inline">
                  <input type="id_card" id="id_card" name="id_card" lay-verify="required" value="{$member.id_card}"
                  autocomplete="off" class="layui-input">
              </div>
          </div>
          <div class="layui-form-item">
              <label for="referee_mobile" class="layui-form-label">
                  服务人电话
              </label>
              <div class="layui-input-inline">
                  <input type="referee_mobile" id="referee_mobile" name="referee_mobile" lay-verify="required" value="{$member.referee_mobile}"
                  autocomplete="off" class="layui-input">
              </div>
          </div>
          <div class="layui-form-item">
              <label for="mobile" class="layui-form-label">
                  <span class="x-red">*</span>手机
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="mobile" name="mobile" required="" lay-verify="required" disabled
                  autocomplete="off" value="{$member.mobile}" class="layui-input">
              </div>
              <div class="layui-form-mid layui-word-aux">
                  <span class="x-red">*</span>
              </div>
          </div>

          <div class="layui-form-item">
              <label for="vip_no" class="layui-form-label">
                  消费数据代码
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="vip_no" name="vip_no" 
                  autocomplete="off" value="{$member.vip_no}" class="layui-input">
              </div>
          </div>
		  
          <div class="layui-form-item">
              <label for="user_nickname" class="layui-form-label">
                  用户昵称
              </label>
              <div class="layui-input-inline">
                  <input type="user_nickname" id="user_nickname" name="user_nickname" value="{$member.user_nickname}"
                  autocomplete="off" class="layui-input">
              </div>
          </div>		  
          <div class="layui-form-item">
              <label for="email" class="layui-form-label">
                  E-mail
              </label>
              <div class="layui-input-inline">
                  <input type="email" id="email" name="email" value="{$member.email}"
                  autocomplete="off" class="layui-input">
              </div>
          </div>		  
		  
	  
          <div class="layui-form-item">
              <label for="account_name" class="layui-form-label">
                  开户名
              </label>
              <div class="layui-input-inline">
                  <input type="account_name" id="account_name" name="account_name" value="{$member.account_name}"
                  autocomplete="off" class="layui-input">
              </div>
              <div class="layui-form-mid layui-word-aux">
                  个人为名字，企业为企业名
              </div>
          </div>
          <div class="layui-form-item">
              <label for="bank_name" class="layui-form-label">
                  开户行
              </label>
              <div class="layui-input-inline">
                  <input type="bank_name" id="bank_name" name="bank_name"  value="{$member.bank_name}"
                  autocomplete="off" class="layui-input">
              </div>
              <div class="layui-form-mid layui-word-aux">
                  开户银行名称
              </div>
          </div>
          <div class="layui-form-item">
              <label for="bank_card" class="layui-form-label">
                  银行帐户
              </label>
              <div class="layui-input-inline">
                  <input type="bank_card" id="bank_card" name="bank_card" value="{$member.bank_card}"
                  autocomplete="off" class="layui-input">
              </div>
              <div class="layui-form-mid layui-word-aux">
                 银行卡号
              </div>
          </div>		  
          <div class="layui-form-item">
              <label for="repass" class="layui-form-label">
              </label>
          </div>
      </form>
    </div>
    <script>
	//日期时间选择器
      layui.use('laydate', function(){
        var laydate = layui.laydate;        

        //执行一个laydate实例
        laydate.render({
          elem: '#birthday' //指定元素
		  ,type: 'date'
        });
      });
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
          var form = layui.form
          ,layer = layui.layer;


		  
          //自定义验证规则
          form.verify({
            name: function(value){
              if(value.length < 5){
                return '昵称至少得5个字符啊';
              }
            }
            ,password: [/(.+){6,18}$/, '密码必须6到18位']
            ,repass: function(value){
                if($('#password').val()!=$('#repass').val()){
                    return '两次密码不一致';
                }
            }
          });

          //监听提交

          form.on('submit(edit)', function(data){
            //console.log(data.field);
            //发异步，把数据提交给php
			
		
			
			

            return false;
          });
          
          
        });
    </script>
  </body>

</html>